一、修改项目结构 当前结构 修改后结构 将原来的 src 目录，修改成 examples 新建 packages 文件夹，用来存放后续的组件 二、修改配置 项目启动默认入口是 src/main.js，第一步已将 src 文件名改成 exam ...

何为插件（Plugin）？专注处理webpack在编译过程中的某个特定的任务的功能模块，可以称为插件。插件是一个扩展器，它丰富了webpack本身，针对的是loader结束后，webpack打包的整个过程，它并不直接操作文件，而是基于事件机 ...

近期，随着 vue3 的各种曝光，vite 的热度上升，与 vite 类似的 snowpack 的关注度也逐渐增加了。目前（2020.06.18）snowpack 在 Github 上已经有了将近 1w stars。 snowpack 的代 ...

一、Git 代码版本管理工具 1.常用的git服务器 github | coding.net(码云) 2.git的常用命令 git init [project-name] //新建一个目录，将其初始化为Git代码库 git clone [u ...

一个合格的前端开发者必须夯实基础，深入地理解所使用的技术，而不是浮于表面，保持“够用就行”的技术认知。 Vue CLI 或者 create-react-app 这样高度集成的 CLI 工具，目的是降低开发者的使用成本，但因为这种“黑盒工具 ...

快速开始 # 拉取代码 git clone git@github.com:fmfe/vue-genesis-micro.git # 进入项目目录 cd vue-genesis-micro # 安装依赖 npm install # 开发环境启 ...

前言 这个项目最开始建立的是2016年的时候，如今已经过去了4年多，时光匆匆，如今 TS 已经流行起来，并且自己已经在 SSR 方面实践颇多，所以就花了半天的时间使用 Genesis 写了一个完整的 Vue SSR 的demo。 快速开发 ...

我们的需求 在 Genesis 中，核心的就是渲染器，它提供了最基础渲染能力，有了它，你可以实现微前端、微服务、远程组件、首屏渲染，甚至可以和 React、EJS 等配合使用。 它可以和怎样的你协作？ 如果你是传统的后端渲染的，需要做SE ...

此篇分享为 vue-cli2.0 中 webpack 的优化配置。 1、按需引入组件 例如引入 element-ui ，用到哪些组件就引哪些 import {Button,Dialog} from 'element-ui'; Vue.us ...

本文主要讲 @babel/preset-env的useBuiltIns 和 @babel/plugin-transform-runtime 的使用。 不会讲其余内容。 @babel/preset-env @babel/preset-env ...